<link rel="stylesheet" type="text/css" href="sign-in/gr2015_SignIn.css">
<link rel="stylesheet" type="text/css" href="../less/form/form.css">

<div class="sign-in row" ng-controller='SignInCtrl'>
   <div class="sign-in-banner">
        <div class="sign-in-form col-sm-6">
            <h3>Sign in to DuC Talent</h3><hr/>
            <div ng-form="signInForm">
                <label>Email</label> <br/>
                <div name="email">
                    <input class="form-text form-common" type="email" placeholder="email" id="email" ng-model="user.name" required><br/><br/>
                    <span ng-show="signInForm.email.$dirty && signInForm.email.$error.required">*Email is required.</span>
                </div>
                <label>Password</label> <br/>
                <div class="form-group" name="password">
                    <input class="form-text form-common" type="password" placeholder="password" ng-minlength="6" id="password" ng-maxlength="16" ng-model="user.password" required>
                    <span ng-show="signInForm.password.$error.required">*Password is required.</span>
                    <span class="help-block" ng-show="!signInForm.password.$error.required && signInForm.password.$error.minlength">*Length more than 6.</span>
                </div>
                
                <p><a ng-href="#">forget password?</a></p><br/>
                <input class="form-button" type="button" value="Sign In" ng-click="signInFormSubmit()">
            </div>
            <div class="sign-in-noemail">
                <p>Not have an account? <a ng-href="#/SignUp">Join us now.</a></p>
            </div>
        </div>
    </div>
</div>